<template>
	<view class="all" :style="{
		padding: '30rpx',
		'background-color': '#F4F4F4',
		height: $height()+'px'
	}">
		<u-navbar :is-back=" true" title="提現" title-bold :background="background" />

		<view class="carp">
			<view class="carp_1">
				<text>提現方式</text>
				<text>微信余額</text>
			</view>
			<view class="carp_2">
				<text class="carp_2_1">請輸入金額</text>
				<view class="carp_2_2">
					<text>￥</text>
					<text></text>
					<input placeholder-class="placeholderclass" type="text" value="" placeholder="請輸入提現金額" />
				</view>
			</view>
			<view class="carp_3">
				<text>可提現余額￥1000</text>
				<text>全部提現</text>
			</view>
		</view>
		<view class="tixian">
			2小時到帳，確認提現
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.tixian{
		margin-top: 50rpx;
		font-size: 30rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		height: 80rpx;
		background: #00795E;
		line-height: 80rpx;
		text-align: center;
		border-radius: 40rpx;
	}
	.carp {
		padding: 30rpx;
		height: 432rpx;
		background: rgba($color: #FFFFFF, $alpha: 0.9);
		border-radius: 10px;

		.carp_3 {
			padding-top: 25rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			text:nth-of-type(1) {
				font-size: 26rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				color: #999999;
			}

			text:nth-of-type(2) {
				font-size: 26rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				color: #00795E;
			}
		}

		.carp_2 {
			margin-top: 60rpx;
			border-bottom: 1rpx solid #F0F0F0;
			padding-bottom: 20rpx;


			.carp_2_2 {
				display: flex;
				align-items: center;
				margin-top: 20rpx;

				input {
					height: 100rpx;
				}

				/deep/ .uni-input-input {
					font-size: 65rpx !important;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #333333;
				}

				/deep/ .placeholderclass {
					font-size: 32rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #999999;
				}

				text:nth-of-type(1) {
					font-size: 72rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #333333;
				}

				text:nth-of-type(2) {
					display: inline-block;
					margin-left: 15rpx;
					margin-right: 20rpx;
					width: 4rpx;
					height: 90rpx;
					background: #00795E;
					border-radius: 2rpx;
				}
			}

			.carp_2_1 {
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 600;
				color: #181818;
			}
		}

		.carp_1 {
			padding-bottom: 30rpx;
			display: flex;
			justify-content: space-between;
			border-bottom: 1rpx solid #F0F0F0;

			text:nth-of-type(1) {
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				color: #999999;
			}

			text:nth-of-type(2) {
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				color: #333333;
			}
		}

	}
</style>
